草庐IT

前端 PM

全部标签

基于Vue前端框架构建BI应用程序

一、什么是Vue?Vue(Vue.js)是一个轻量级、高性能、可组件化的MVVM库。简而言之,是一个构建数据驱动的web界面的渐进式框架。它采用MVVM思想,通过数据双向绑定实现数据的动态渲染,同时也支持组件化的开发方式,使开发更加高效和可复用。二、Vue的主要特点包括:响应式编程:Vue会自动对页面中某些数据的变化做出响应,实现数据的双向绑定,让开发者不用再操作dom对象,有更多的时间去思考业务逻辑。组件化的视图:Vue采用组件化开发方式,使得开发更加高效和可复用,同时也方便了代码的维护和扩展。轻量级框架:Vue框架轻巧、易于上手,同时也具有良好的性能表现。可与其他库或既有项目整合:Vue可

docker 项目部署 后端/前端

1.前端部署1.先打包前端项目为dist文件npmrunbuild2.先安装nginx,能成功跑起来dockerpullnginx拉取nginx镜像dockerimages查看已有镜像dockerrun--namenginx-test-p9091:80-dnginx启动nginx--name#给你启动的容器起个名字,以后可以使用这个名字启动或者停止容器-p#映射端口,将docker宿主机的9091端口和容器的80端口进行绑定,物理宿主机通过9091端口来访问容器的80端口-v#挂载文件用的-d#表示启动的是哪个镜像。3.Nginx服务的配置和部署3.1从容器中拷贝出nginx.conf配置文件

如何在前端实现WebSocket发送和接收UDP消息(多线程模式)

目录简介:步骤1:创建WebSocket连接步骤2:创建WebWorkers步骤3:发送和接收UDP消息(多线程模式)结束语:简介:本文将继续介绍如何在前端应用中利用WebSocket技术发送和接收UDP消息,并引入多线程模式来提高发送效率和性能。我们将使用JavaScript语言来编写代码,并结合WebSocketAPI、UDP数据包、WebWorkers和UDP消息监听器来实现这一功能。步骤1:创建WebSocket连接首先,我们需要在前端应用中建立一个WebSocket连接以与服务器进行通信。可以使用以下代码来创建WebSocket连接:constsocket=newWebSocket(

前端 js 操作 Cookie 详细介绍与案例

1前言1.1详细介绍名称和值:Cookie由一个名称和对应的值组成。名称是一个字符串,用于标识Cookie,而值则是与名称相关联的数据。域名:每个Cookie都与特定的域名相关联。Cookie只会被发送到与其关联的域名下的请求中。路径:Cookie可以与特定的路径相关联。当浏览器向指定路径下的服务器发送请求时,与该路径相关联的Cookie将被附加到请求中。过期时间:Cookie可以设置一个过期时间,以指定Cookie的有效期限。一旦超过该时间,浏览器将不再发送该Cookie。安全标志:通过设置安全标志,可以将Cookie限制为仅在通过HTTPS(安全的加密协议)进行通信时发送。HTTPOnly

前端小知识-01

【01】主子页面1、用iframe嵌入子页面,主页面和子页面能共享cookie吗?    不能。受到浏览器同源策略限制,不同域名的页面之间无法共享cookie,即使用iframe嵌入,也无法突破这个限制。2、基于cookie实现的登录页面,通过iframe被嵌入到主页面后,子页面还能登录成功吗?        若主子页面跨域,则由于同源策略限制,子页面不但无法访问主页面的cookie,同时也无法操作自己域名下的cookie。所以子页面无法通过cookie进行登录验证。若主子页面同域,那么两个页面之间可以共享cookie,子页面可以正常实现登录功能。3、在基于cookie的登录技术中,cooki

前端面试:【跨域与安全】跨域问题及解决方案

嗨,亲爱的Web开发者!在构建现代Web应用时,跨域问题和安全性一直是不可忽视的挑战之一。本文将深入探讨跨域问题的背景以及解决方案,以确保你的应用既安全又能与其他域名的资源进行互操作。1.什么是跨域问题?跨域问题指的是在Web开发中,浏览器的同源策略(Same-OriginPolicy)限制了一个网页从一个源(域名、协议、端口)加载的文档或脚本如何与来自另一个源的资源进行互操作。这种限制是为了防止潜在的安全漏洞,如跨站点请求伪造(CSRF)和信息泄漏。2.跨域问题的常见情况:不同域名之间的XHR请求:例如,你的网页在example.com上,试图从api.example2.com获取数据。不同

[前端基础]websocket协议

(1)websocketwebsocket(简写为ws),是一种轻量化的协议,经过最开始的握手阶段以后,前后端之间允许自由地发送信息不受限制(建议发送json字符串).虽然理论上这个东西是属于协议内容,但是已经被疯狂封装得像框架一样了.websocket协议具有天然的优势处理前端多线程并发,并且只需要一个后端就能完成服务.在各大视频网站上经常能见到使用ws技术构建的简单聊天室项目.难能可贵的是,java,javascript都引入了相关的内容.本文主要介绍使用,对标面向对象的实验,需要详细看待原理建议去看文档内容另外,websocket最重要的是四种状态和他们的监听函数,open,close,

前端实现 input 回车搜索(html,vue,react实现)

前言:搜索框是个常见的功能,除了用ui库,有的时候必须要自己封装(因为改ui库太麻烦了,定制化要求很高),所以涉及到点击按钮搜索和回车搜索都要实现。下面就是实现的一些方法。实现方法:html里:方式一:html里可以用form来实现,因为form里回车也能触发提交事件。思路就是form里包裹input,和一个button,button的type要设置成submit(必须设置)。搜索框搜搜letsubmit=document.getElementById("sub");letval=document.getElementById("val");submit.addEventListener("c

30个HTML+CSS前端开发案例(完结篇)

30个HTML+CSS前端开发案例(完结篇)flex弹性布局-今日头条首页热门视频栏代码实现效果flex弹性布局-微博热搜榜单代码实现效果grid网格布局-360图片展示代码实现效果综合实例-小米商城左侧二级菜单代码实现效果资源包flex弹性布局-今日头条首页热门视频栏代码实现DOCTYPEhtml>html> head> metacharset="utf-8"> title>flex弹性布局-今日头条首页热门视频栏title> styletype="text/css"> body{ margin:0; padding:0; } a{ text-decora

暑期实习总结(焊点数据管理软件开发):Python操作MySQL数据库、Django搭建前端网页、以及Excel中数据与MySQL数据库的互转

暑期实习总结(焊点数据管理软件开发):Python操作MySQL数据库、Django搭建前端网页、以及Excel中数据与MySQL数据库的互转​这一周是我在企业实习的最后一周,在企业做的项目已基本完成。这篇博客的目的也是总结一些项目中的一些小问题,和相关功能的代码总结。​这个项目呢,由于企业的保密性,我并不能在此做一个完整的分享。但我可以做一些简单的介绍,记录我认为的一些技术要点。我在自己的简历中更新的该项目的介绍内容如下:​焊点数据管理软件开发:使用Python语言、MySQL数据库、Django框架开发了一个数据管理软件。使用Django搭建前端网页,使用Python语言处理大量焊点数据集